<div style="padding: 20px">
	<form method="POST" id="editHarmonogramForm">
		<input type="date" name="form.date" id="dataHarmonogramu" value="${(form.date?date)?default("")} " />
		<label for="godzinaPoczatkowa">Godzina początkowa</label>
		<input type="text" name="form.godzinaPoczatkowa" id="godzinaPoczatkowa" value="${form.godzinaPoczatkowa}" data-theme="a" />
		<label for="godzinaKoncowa">Godzina końcowa</label>
		<input type="text" name="form.godzinaKoncowa" id="godzinaKoncowa" value="${form.godzinaKoncowa}" data-theme="a" />
			<select name="kursanci" id="kursanci" multiple="multiple" data-native-menu="false" data-theme="a">
				<option>Dodaj kursantów</option>
			</select>
			<select name="placManewrowy" id="placManewrowy" data-native-menu="false" data-theme="a">
			</select>
			<input type="checkbox" name="czyPowiadomicKursantow" id="czyPowiadomicKursantow" class="custom"  data-theme="a"/>
			<label for="czyPowiadomicKursantow">Powiadom kursantów</label>
			
			<center>
				<div data-role="controlgroup" data-type="horizontal" span style="margin-top: 40px;">
					<a href="#" onClick = "sendHarmonogramForm()" data-role="button" data-theme="b">Zapisz</a>
					<a href="javascript:window.location.reload();" data-role="button" data-theme="b">Anuluj</a>
				</div>
			</center>
	</form>
</div>

<script>
$(document).bind("pageinit", function() {
	var kursanciId = jQuery.parseJSON('${form.kursanci}');
	
	var h = new Harmonogram();
	h.createKursanciList('kursanci', kursanciId);
	h.createPlacManewrowyList('placManewrowy', ${form.placManewrowyId});
});

var sendHarmonogramForm = function() {
	var kursanciSelectedId = [];
	$('#kursanci option:selected').each(function(){ kursanciSelectedId.push($(this).val()); });
	
	var placSelectedId = [];
	$('#placManewrowy option:selected').each(function(){ placSelectedId.push($(this).val()); });
	
	var postObject = {
		'form.kursanci': '[' + kursanciSelectedId.join(',') + ']',
		'form.date': $('#dataHarmonogramu').val(),
		'form.placManewrowyId': $('#placManewrowy').val(),
		'form.godzinaPoczatkowa': $('#godzinaPoczatkowa').val(),
		'form.godzinaKoncowa': $('#godzinaKoncowa').val(),
		'czyPowiadomicKursantow' : $('#czyPowiadomicKursantow').is(':checked') ? true : false
	};

	var link = <#if harmonogramId != 0>'harmonogram!save.action'<#else>'harmonogram!saveNew.action'</#if>;
	$.post(link, postObject, function(data) {
		var html = '';
		html += '<div style="padding: 20px"><center><p>';
		html += data + '</p><a href="javascript:window.location.reload()" data-role="button">OK</a><center></div>';
			$('<div>').simpledialog2({
				mode: 'blank',
				headerText: 'Informacja',
				headerClose: true,
				blankContent : html,
				width: 200
			})
	});
}
</script>

